<!Doctype html>
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-gb" class="no-js"> <!--<![endif]-->

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<title>Vidyasannidhi Student Portal</title>
	
	<meta name="description" content="">
	<meta name="author" content="">
	
	<!--[if lt IE 9]>
	    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	  
	<link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
    
    <!-- **CSS - stylesheets** -->
	<link id="default-css" rel="stylesheet" href="style.css" type="text/css" media="all" />
	<link id="shortcodes-css" rel="stylesheet" href="shortcodes.css" type="text/css" media="all"/>
	<link id="skin-css" rel="stylesheet" href="skins/blueturquoise/style.css" type="text/css" media="all"/>
    <link id="layer-slider" rel="stylesheet"  href="css/layerslider.css" media="all" />
	<link rel="stylesheet" href="css/modal-main.css">
	
	<!-- **Additional - stylesheets** -->
	<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="css/animations.css" type="text/css" media="all" />
    
    <!-- **Font Awesome** -->
	<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" />
    
    <!-- **Google - Fonts** -->
    <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>  
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    
</head>

<body >
<!-- <div class="loader-wrapper">
	<div id="loader-image"></div>
</div> -->
<!-- **Wrapper** -->
<div class="wrapper"> 
	<div class="inner-wrapper">
    	
        <!-- **Top Bar** -->
        <div class="top-bar type5">
        	<!-- **container - Starts** -->
            <div class="container">
					<ul class="top-contact-details alignleft">
                    <marquee onmouseover="this.stop();" onmouseout="this.start();"> 
										<ul>
											<li><a href="#"> Click to view the latest News </a></li>
											<li><a href="#"> Click to view the latest News </a></li>
											<li><a href="#"> Click to view the latest News </a></li>
										</ul>
									</marquee>
                </ul>
            		<ul class="top-contact-details alignright">
                        <li> <i class="fa fa-mobile"></i><span>(123) 456-7890</span></li>
						<li> <i class="fa fa-envelope"></i><a href="#">info@a2000.net</a></li>
						<li> <i class="fa fa-phone"></i>1800 3387 478</li>
                    </ul>
                
            </div> <!-- **container - End** -->
        </div><!-- **Top Bar - End** -->
                
        <div id="header-wrapper">
	        <!-- **Header** -->
	        <header class="header">
	        	<div class="container">
	            
	                <!-- **Logo - End** -->
	                <div id="logo">
	                    <a href="index.html" title="Vidyasannidhi"> <img src="images/logo.png" alt="logo"/> </a>
	                </div><!-- **Logo - End** -->
	                
	                <div id="menu-container">
	                    <!-- **Nav - Starts**-->
	                    <nav id="main-menu">
                        	<div id="dt-menu-toggle" class="dt-menu-toggle">
                                Menu
                                <span class="dt-menu-toggle-icon"></span>
                            </div>
	                        <ul class="menu">
	                            <li class="current_page_item menu-item-simple-parent"><a href="#"> About Us </a></li>
	                            <li class="menu-item-simple-parent"><a href="#"> How It works</a></li>
	                            <li class="menu-item-simple-parent"><a href="#"> Tuitions Offered</a></li>
	                            <li class="menu-item-simple-parent"><a href="#"> Pricing </a></li>
	                            <li class="menu-item-simple-parent"><a href="#"> Student Registration </a></li>
                                <li class="menu-item-simple-parent"><a href="#"> Feedback</a></li>
							</ul>
	                    </nav>
	                    <!-- **Nav - End**-->
	               </div>
	
	            </div>
	        </header><!-- **Header - End** -->
        </div>
        
		<!-- **Main - Starts** --> 
		<div id="main">
        
        	<!-- **banner - Starts** -->
            <div class="banner">
                <!-- **Slider Section** -->
                <div id="layerslider_9" class="ls-wp-container" style="width:100%;height:350px;max-width:1042px;margin:0 auto;margin-bottom: 0px;">
                    <div class="ls-slide" data-ls="slidedelay:10000;transition2d:4;">
                        <img src="images/sliders/blank.gif" data-src="images/sliders/3.jpg" class="ls-bg" alt="bg3" />
                    </div>
                    <div class="ls-slide" data-ls="slidedelay:10000;transition2d:4;">
                        <img src="images/sliders/blank.gif" data-src="images/sliders/2.jpg" class="ls-bg" alt="bg1" />
                     </div>
                    <div class="ls-slide" data-ls="slidedelay:10000;transition2d:4;">
                        <img src="images/sliders/blank.gif" data-src="images/sliders/1.jpg" class="ls-bg" alt="bg2" />
					</div>
                </div>
            </div><!-- **banner - Ends** -->
             
            
            <!-- **Full-width-section - Starts** -->   
			<div class="full-width-section">
			<div class="intro-text type1">
							<h2 class="aligncenter">On Demand Videos of coaching classes</h2>
						</div>
            	<div class="container">
					<div class="dt-sc-hr-invisible"></div>
                	<div class="dt-sc-tabs-container type5">
                        <!-- **dt-sc-tabs-frame - Starts** -->
                        <ul class="dt-sc-tabs-frame">
                            <li class="column dt-sc-one-fourth first"><a href="#" class="current">
                                <div class="dt-sc-ico-content type14">
                                    <div class="icon">
                                        <span class="fa fa-user"></span>
                                    </div>
                                    <h4> 9th Standard </h4>
                                </div>
                                </a>
                            </li>
                            <li class="column dt-sc-one-fourth"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <div class="icon">
                                        <span class="fa fa-user"></span>
                                    </div>
                                    <h4> 10th Standard </h4>
                                </div>
                                </a> 
                            </li>
                            <li class="column dt-sc-one-fourth"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <div class="icon">
                                        <span class="fa fa-user"></span>
                                    </div>
                                    <h4> 1st PUC </h4>
                                </div>
                                </a> 
                            </li>
                            <li class="column dt-sc-one-fourth"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <div class="icon">
                                        <span class="fa fa-user"></span>
                                    </div>
                                    <h4>  2nd PUC </h4>
                                </div>
                                </a> 
                            </li>
                        </ul>  <!-- **dt-sc-tabs-frame - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: block;">
                            <div class="column dt-sc-one-fourth first">
                                <h5> Science </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Atoms and Molecules </a></li>
										<li><a href=""> The Fundamental Unit of Life </a></li>
									</ul>
                                <h5> Mathematics </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Algebra class-1 </a></li>
										<li><a href=""> Trigonometry class-1 </a></li>
									</ul>
                            </div>
                            <div class="column dt-sc-one-fourth first">
                                <h5> English </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Atoms and Molecules </a></li>
										<li><a href=""> The Fundamental Unit of Life </a></li>
									</ul>
                                <h5> History </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Algebra class-1 </a></li>
										<li><a href=""> Trigonometry class-1 </a></li>
									</ul>
                            </div>
                            <div class="column dt-sc-one-fourth first">
                                <h5> Chemistry </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Atoms and Molecules </a></li>
										<li><a href=""> The Fundamental Unit of Life </a></li>
									</ul>
                                <h5> Physics </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Algebra class-1 </a></li>
										<li><a href=""> Trigonometry class-1 </a></li>
									</ul>
                            </div>
                            <div class="column dt-sc-one-fourth first">
                                <h5> Biology </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Atoms and Molecules </a></li>
										<li><a href=""> The Fundamental Unit of Life </a></li>
									</ul>
                                <h5> Mathematics </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Algebra class-1 </a></li>
										<li><a href=""> Trigonometry class-1 </a></li>
									</ul>
                            </div>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: none;">
                        	<div class="column dt-sc-one-half first">
                                <img class="align-center" src="http://placehold.it/250x250" alt="image">
                            </div>
                            <div class="column dt-sc-one-half">
                                <h3> Why we Suggest Vidyasannidhi? </h3>
                                <p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
                                <p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
                                <a class="dt-sc-button medium" href="#">Purchase theme<span class="fa fa-angle-right"></span></a>
                            </div>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: none;">
                            <div class="column dt-sc-one-half first">
                                <h3> Why we Suggest Vidyasannidhi? </h3>
                                <p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
                                <p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
                                <a class="dt-sc-button medium" href="#">Purchase theme<span class="fa fa-angle-right"></span></a>
                            </div>
                            
                            <div class="column dt-sc-one-half">
                                <img class="align-center" src="http://placehold.it/250x250" alt="image">
                            </div>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: none;">
                        	<div class="column dt-sc-one-half first">
                                <img class="align-center" src="http://placehold.it/250x250" alt="image">
                            </div>
                            <div class="column dt-sc-one-half">
                                <h3> Why we Suggest Vidyasannidhi? </h3>
                                <p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
                                <p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
                                <a class="dt-sc-button medium" href="#">Purchase this theme<span class="fa fa-angle-right"></span></a>
                            </div>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                    </div> <!-- **dt-sc-tabs-container - Ends** -->
                </div> <!-- **container - Ends** -->
            </div>
			<!-- **Full-width-section - Ends** -->     
              
            
          
           
           
			       
        </div> <!-- **Main - Ends** --> 
        
        <!-- **Footer** -->
        <footer id="footer">
        	<div class="footer-widgets-wrapper">
                <div class="container">
                
                    <div class="column dt-sc-one-fourth first">
                        <aside class="widget widget_text">
                            <h3 class="widget-title">Contact  <span class="wlast"> Us </span><span class="small-line"> </span></h3> 
                            <p> <i class="fa fa-phone"></i> <span>Phone:</span> +22 004 324 1124 </p>
                            <p> <i class="fa fa-print"></i> <span>Fax:</span> +22 004 324 1124 </p>
                            <p> <i class="fa fa-envelope"></i> <span> Email:</span> <a href="#">Vidyasannidhi@gmail.com</a> </p>
                            <p> <i class="fa fa-globe"></i> <span>Web:</span> <a href="#">www.Vidyasannidhi.com</a> </p>
                            <p> <i class="fa fa-location-arrow"></i> <span>58, Thomson Street, Edison Avenue,
         Baltimore, USA</span> </p>
                                                
                        </aside>
                    </div>
                    
                    <div class="column dt-sc-one-fourth">
                        <aside class="widget widget_popular_entries">
                            <h3 class="widget-title">Popular <span class="wlast">Posts</span><span class="small-line"> </span></h3>
                            <div class="recent-property-widget">
                                <ul>
                                    <li> <a class="thumb" href="#"><img src="http://www.placehold.it/70x70&amp;text=Image" alt="image"></a>
                                        <h6><a href="#">Here comes the title for 
    the post with 2 lines</a></h6>
                                        <div class="entry-meta"> 
                                            <p><span class="fa fa-calendar"></span>03Aug2012</p>
                                            
                                            <p><span class="fa fa-user"></span><a href="#">admin</a></p>
                                        </div>
                                    </li>
                                    <li> <a class="thumb" href="#"><img src="http://www.placehold.it/70x70&amp;text=Image" alt="image"></a>
                                        <h6><a href="#">Here comes the title for 
    the post with 2 lines</a></h6>
                                        <div class="entry-meta"> 
                                            <p><span class="fa fa-calendar"></span>03Aug2012</p>
                                            
                                            <p><span class="fa fa-user"></span><a href="#">admin</a></p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </aside>
                    </div>   
                    
                    <div class="column dt-sc-one-fourth">
                        <aside class="widget widget_tweetbox">
                            <h3 class="widget-title">Twitter <span class="wlast">Feeds</span><span class="small-line"> </span></h3>	
                        </aside>
                    </div>
                
                    <div class="column dt-sc-one-fourth">
                        <aside class="widget mailchimp">
                            <h3 class="widget-title">Newsletter <span class="wlast">Subscription</span><span class="small-line"> </span></h3>
                            <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was of the great explorer.</p>
                            <form method="post" class="mailchimp-form" name="frmNewsletter" action="php/subscribe.php">	
                                <p><span class="fa fa-envelope"></span>
                                <input type="email" placeholder="Enter Email" name="email" value="" required="">	
                                <input type="submit" name="submit" class="dt-sc-button" value="Subscribe"></p>
                            </form>
                            <div id="ajax_newsletter_msg"></div>
                            <div class="dt-sc-hr-invisible-small"></div>
                            <ul class="dt-sc-social-icons">
                                <li><a class="dt-sc-tooltip-top facebook" href="#" target="_blank" title="Facebook"> <i class="fa fa-facebook"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top twitter" href="#" target="_blank" title="Twitter"> <i class="fa fa-twitter"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top google-plus" href="#" target="_blank" title="Google-plus"> <i class="fa fa-google-plus"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top pinterest" href="#" target="_blank" title="Pinterest"> <i class="fa fa-pinterest"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top youtube" href="#" target="_blank" title="Youtube"> <i class="fa fa-youtube"></i> </a></li>
                            </ul>
                        </aside>
                    </div>
                    
                </div>
        	</div><!-- **footer-widgets-wrapper - End** -->
            
            <div class="copyright">
            	<div class="container">
                	<p>Vidyasannidhi | All rights Reserved. © 2015 </p>
                    <ul class="footer-links">
                    	<li><a href="#">About Us</a>|</li>
                        <li><a href="#">How It Works</a>|</li>
                        <li><a href="#">Tuition Offered</a>|</li>
                        <li><a href="#">Pricing</a>|</li>
                        <li><a href="#">Student Registration</a>|</li>
                        <li><a href="#">Feedback</a>|</li>
                    </ul>
                </div>
            </div>
            
        </footer> <!-- **Footer - End** -->
        <div class="login-student-float main-nav">
				<a class="cd-signin" href="#0"><button class="button" type="submit"><i class="fa fa-sign-in"></i> Students's<br/> Log-In </button></a>
		</div>
		 <div class="login-teacher-float main-nav">
				<a class="cd-signup" href="#0"><button class="button" type="submit"><i class="fa fa-sign-in"></i> Teacher's<br/> Log-In </button></a>
		</div>
		<div class="cd-user-modal" id="student_login"> <!-- this is the entire modal form, including the background -->
			<div class="cd-user-modal-container"> <!-- this is the container wrapper -->
				<ul class="cd-switcher">
					<li><a href="#0">Student's Log-In</a></li>
					<li><a href="#0">Teacher's Log-In</a></li>
				</ul>

				<div id="cd-login"> <!-- log in form -->
					<form class="cd-form" action="Student-Learning-Center.html">
						<p class="fieldset">
							<label class="image-replace cd-email" for="signin-email">E-mail</label>
							<input class="full-width has-padding has-border" id="signin-email" type="email" placeholder="Student Id">
							<span class="cd-error-message">Error message here!</span>
						</p>

						<p class="fieldset">
							<label class="image-replace cd-password" for="signin-password">Password</label>
							<input class="full-width has-padding has-border" id="signin-password" type="text"  placeholder="Password">
							<a href="#0" class="hide-password">Hide</a>
							<span class="cd-error-message">Error message here!</span>
						</p>

						<p class="fieldset">
							<input type="checkbox" id="remember-me" checked>
							<label for="remember-me">Remember me</label>
						</p>

						<p class="fieldset">
							<input class="full-width" type="submit" value="Login">
						</p>
					</form>
					
					<p class="cd-form-bottom-message"><a href="#0">Don't Have Account?</a></p>
					<!-- <a href="#0" class="cd-close-form">Close</a> -->
				</div> <!-- cd-login -->

				<div id="cd-signup"> <!-- sign up form -->
					<form class="cd-form" action="Student-Learning-Center.html">
						<p class="fieldset">
							<label class="image-replace cd-email" for="signin-email">E-mail</label>
							<input class="full-width has-padding has-border" id="signin-email" type="email" placeholder="Teacher Id">
							<span class="cd-error-message">Error message here!</span>
						</p>

						<p class="fieldset">
							<label class="image-replace cd-password" for="signin-password">Password</label>
							<input class="full-width has-padding has-border" id="signin-password" type="text"  placeholder="Password">
							<a href="#0" class="hide-password">Hide</a>
							<span class="cd-error-message">Error message here!</span>
						</p>

						<p class="fieldset">
							<input type="checkbox" id="remember-me" checked>
							<label for="remember-me">Remember me</label>
						</p>

						<p class="fieldset">
							<input class="full-width" type="submit" value="Login">
						</p>
					</form>

					<!-- <a href="#0" class="cd-close-form">Close</a> -->
				</div> <!-- cd-signup -->

				<div id="cd-reset-password"> <!-- reset password form -->
					<p class="cd-form-message">Sign Up, It's Free</p>

					<form class="cd-form" action="Student-Learning-Center.html">
						<p class="fieldset">
							<label class="image-replace cd-username" for="signup-username">Username</label>
							<input class="full-width has-padding has-border" id="signup-username" type="text" placeholder="User Name">
							<span class="cd-error-message">Error message here!</span>
						</p>

						<p class="fieldset">
							<label class="image-replace cd-email" for="signup-email">E-mail</label>
							<input class="full-width has-padding has-border" id="signup-email" type="email" placeholder="E-mail">
							<span class="cd-error-message">Error message here!</span>
						</p>

						<p class="fieldset">
							<label class="image-replace cd-password" for="signup-password">Password</label>
							<input class="full-width has-padding has-border" id="signup-password" type="text"  placeholder="Password">
							<a href="#0" class="hide-password">Hide</a>
							<span class="cd-error-message">Error message here!</span>
						</p>
						
						<p class="fieldset">
							<label class="image-replace cd-password" for="signup-password">Password</label>
							<input class="full-width has-padding has-border" id="signup-password" type="text"  placeholder="Re-type Password">
							<a href="#0" class="hide-password">Hide</a>
							<span class="cd-error-message">Error message here!</span>
						</p>

						<p class="fieldset">
							<input class="full-width has-padding" type="submit" value="Create account">
						</p>
					</form>

					<p class="cd-form-bottom-message"><a href="#0">Back to log-in</a></p>
				</div> <!-- cd-reset-password -->
				<a href="#0" class="cd-close-form">Close</a>
			</div> <!-- cd-user-modal-container -->
		</div>
	</div><!-- **inner-wrapper - End** -->
    
</div><!-- **Wrapper - End** -->
			

	<!-- **jQuery** -->  
	<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-migrate.min.js"></script>
    
    <script src="js/pace.min.js" type="text/javascript"></script>
    
	<script src="js/jquery.tabs.min.js"></script>
	<script src="js/jquery.nav.js" type="text/javascript"></script>
	
	<script src="js/jquery.meanmenu.min.js" type="text/javascript"></script>
	 <script src="js/layerslider.transitions.js"></script> 
    <script src="js/layerslider.kreaturamedia.jquery.js"></script>
    
    <script data-cfasync="false" type="text/javascript">var lsjQuery = jQuery;</script><script data-cfasync="false" type="text/javascript"> lsjQuery(document).ready(function() { if(typeof lsjQuery.fn.layerSlider == "undefined") { lsShowNotice('layerslider_9','jquery'); } else { lsjQuery("#layerslider_9").layerSlider({responsiveUnder: 1240, layersContainer: 1170, startInViewport: false, pauseOnHover: false, forceLoopNum: false, autoPlayVideos: false, skinsPath: 'js/layerslider/skins/'}) } }); </script>
	
	<script src="js/jquery.jcarousel.min.js" type="text/javascript"></script>
    <script src="js/jquery.carouFredSel-6.2.1-packed.js" type="text/javascript"></script>
    
	<!-- **Sticky Nav** -->
	<script src="js/jquery.sticky.js" type="text/javascript"></script>
    
	<!-- **To Top** -->
	<script src="js/custom.js" type="text/javascript"></script> 
	<script src="js/bootstrap.js" type="text/javascript"></script>
	<script src="js/modernizr.js" type="text/javascript"></script>
	<script src="js/main.js" type="text/javascript"></script>
          

</body>
</html>
